iT邦幫忙

2022 iThome 鐵人賽

DAY 25
0
Mobile Development

從零開始的Swift開發心路歷程2系列 第 25

【從零開始的Swift開發心路歷程2-Day25】doodle jump小遊戲設計(1)開始遊戲畫面

  • 分享至 

  • xImage
  •  

昨天我們介紹完SpriteKit的座標系統後,今天就來利用SwiftUI+SpriteKit設計一個小遊戲吧!
首先,你必須要新增一個SwiftUI App!


接著,在App內新增一個SpriteKit Scene檔案

點開SpriteKit Scene的檔案後,可以按右上角的+號新增SpriteKit元件

拉的方法跟ViewController拉元件時一模一樣
因為我們要做的是Doodle Jump小遊戲,所以可以上網找圖包讓你的小遊戲比較美觀,這邊推薦一個不錯的免費圖包素材網站
https://opengameart.org/
我的圖包就是在上面找的~
拉完開始畫面後,我們要在ContentView.swift裡將起始畫面設為你新增的SpriteKit Scene檔案
記得要先import SpriteKit

import SpriteKit

為了怕元件被螢幕邊緣的圓角切到和時間電量擋住,SwiftUI畫面裡的元件預設會被安置在SafeArea內,所以可以ignoresSafeArea()來設定全螢幕畫面

struct ContentView: View {
    let startScene = StartScene(fileNamed: "StartScene")!
    var body: some View {
        SpriteView(scene: startScene).ignoresSafeArea()
    }
}

如此一來就能成功完成你的開始遊戲畫面囉!

明天開始我們就來實作遊戲畫面吧!


上一篇
【從零開始的Swift開發心路歷程2-Day24】SpriteKit座標系統介紹
下一篇
【從零開始的Swift開發心路歷程2-Day26】doodle jump小遊戲設計(2)跳起來啦!
系列文
從零開始的Swift開發心路歷程230
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言